<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>百度一下，你就知道</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
            .s1{
                height: 80px;
            }
            .s1 p{
                float: right;
                margin-left: 20px;
                margin-top: 24px;
            }
            .s1 .q1{
                background-color: royalblue;
                margin-right: 10px;
                color: white;
            }
            .s2 h1{
                text-align: center;
            }
            .s2 input{
                width: 540px;
                height: 34px;
            }
            .s2 button{
                width: 100px;
                height: 37.5px;
                color: white;
                background: royalblue;
                border: none;
                margin-left: -10px;
            }
            .s2 .q2{
                margin-top: 150px;
                font-size: 5px;
            }
            .s3 .q3{
                text-align: center;
                font-size: 13px;
            }
            .s3 .q4{
                padding: 0px 15px;
                color: silver;
            }
            .s3 .q5 p{
                color: silver;
                margin-bottom: 30px;
                text-align: center;
            }
            .s3 .q5 a{
                color: silver;
            }
        </style>
    </head>
    <body>
        <div class="s1">
            <a href=""><p class="q1">更多产品</p></a>
            <a href="">
                <p>设置</p>
            </a>
            <a href="">
                <p>登录</p>
            </a>
            <a href="">
                <p>贴吧</p>
            </a>
            <a href="">
                <p>视频</p>
            </a>
            <a href="">
                <p>地图</p>
            </a>
            <a href="">
                <p>hao123</p>
            </a>
            <a href="">
                <p>新闻</p>
            </a>
            <a href="">
                <p>糯米</p>
            </a>
            
        </div>
        <div class="s2">
            <h1><img src="images/bd_logo1.png" alt=""></h1>
            <h1>
                <input type="text" class="search-text">
                <button class="">百度一下</button>
            </h1>
            <h1 class="q2">
                <img src="images/zbios_efde696.png" alt="">
                <p>手机百度</p>
            </h1>
        </div>
        <ul class="s3">
            <li class="q3">
                <a href="" class="q4">把百度设为主页</a>
                <a href="" class="q4">关于百度</a>
                <a href="" class="q4">About Baidu</a>
                <a href="" class="q4">百度推广</a>
            </li>
            <li class="q5">
                <p>
                    ©2016 Baidu <a href="">使用百度前必读</a> 
                    <a href="">意见反馈</a> 京ICP证030173号 <img src="images/a2.jpg" alt=""> <a href="">京公网安备11000002000001号</a>
                    <img src="images/a1.jpg" alt="">
                    
                </p>
            </li>
        </ul>
    </body>
    </html>